<template>
	<div class="dialog-box">
		<div class="dialog-inner">
			<template>
				<slot></slot>
			</template>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {}
	},
	methods: {}
}
</script>

<style lang="scss">
.dialog-box {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #10224330;
	.dialog-inner {
		width: 300px;
		padding: 20px;
		background-size: 100% 100%;
		position: absolute;
		left: 45%;
		top: 40%;
		color: #fff;
	}
}
</style>